import styles from '../css分支/Shezhi.module.css'
import { Arrow, ArrowLeft, Close, ClockO } from '@react-vant/icons';
import { useNavigate } from 'react-router-dom';
import { Tabs, Search } from 'react-vant'
import axios from 'axios';
import React, { useEffect, useRef, useState } from 'react'
import { Card, Price, Tag } from '@nutui/nutui-react'
import { Checkbox, Cell } from '@nutui/nutui-react'
import { Button,Switch } from 'react-vant'

export default function Shezhi() {
    const navigate = useNavigate()
    return (
        <div className={styles.main}>
            <div className={styles.head}>
                <ArrowLeft style={{ marginLeft: '0.1rem' }} onClick={() => { navigate('/shou/my') }} />
                <p style={{ fontSize: '0.22rem' }}>设置</p>
                <p style={{ marginRight: '0.1rem' }}></p>
            </div>
            <div className={styles.body}>
                <div className={styles.body_fen}>
                    <div onClick={()=>{navigate('/update_zhanghu')}}>
                        <p style={{ marginRight: '1rem' }}>账号与安全</p>
                    </div>
                    <p><Arrow  /></p>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>云打印机</p>
                    <p><Arrow  /></p>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>自动接单</p>
                    <Switch activeColor="#ee0a24" inactiveColor="#dcdee0"  />
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>快捷短语</p>
                    <p><Arrow  /></p>
                </div>
            </div>
            <p className={styles.ppp}>开启自动接单后，有新订单时自动打印订单，并变更订单状态为配送中，节约订单处理时间</p>
            <div className={styles.body2}>
                <div className={styles.body2_fen}>
                    <div>
                        <p style={{ marginRight: '1rem' }}>新消息通知</p>
                    </div>

                    <Switch activeColor="#ee0a24" inactiveColor="#dcdee0"  />
                </div>
                <div className={styles.body2_fen}>
                    <p style={{ marginRight: '1rem' }}>隐私管理</p>
                    <p><Arrow  /></p>
                </div>
                <div className={styles.body2_fen}>
                    <p style={{ marginRight: '1rem' }}>关于我们</p>
                    <p><Arrow  /></p>
                </div>
            </div>
            <div className={styles.body3}>
                <p >退出登录</p>
            </div>
        </div>
    )
}
